﻿<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang=""> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Products Details</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!--Style Sheets-->
        <link href="https://fonts.googleapis.com/css?family=Archivo+Black|Arimo:400,700|Poppins:300,400,500,600,700" rel="stylesheet"> 
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/owl.carousel.css">
        <link rel="stylesheet" href="css/owl.theme.css">
        <link rel="stylesheet" href="css/font-awesome.min.css"> 
        <link rel="stylesheet" href="fonts/flaticon.css"> 
        <link rel="stylesheet" href="css/style.css">  
        <link rel="stylesheet" href="css/odometer-theme-car.css">  
        <link rel="stylesheet" href="css/swiper.min.css">  
        <link rel="stylesheet" href="css/main.css">
        <link rel="stylesheet" href="css/responsive.css">
        <link rel="stylesheet" href="css/color.css">
        <script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
    </head>
    <body>
        <!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->
        <div id="xp-wrapper">
            <header id="xp-header" class="layout">
                <div class="xp-vresion-three-header layout">
                    <div class="xp-top-header layout">
                        <div class="container">
                            <div class="row">
                                <div class="col-md-8 col-sm-8 col-xs-8">
                                    <div class="xp-top-location clearfix">
                                        <ul class="clearfix">
                                            <li><i class="fa fa-envelope"></i><a href="#">admin@yahoo.com</a></li>
                                            <li><i class="fa fa-phone"></i><a href="#">080.0444.333</a></li>
                                            <li><i class="fa fa-map-marker"></i><a href="#">Street 222, South Africa</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-4 col-xs-4">
                                    <div class="xp-cart-item clearfix">
                                        <div class="xp-image-holder">
                                            <div class="child-pernt">
                                                <div class="child">
                                                    <img src="images/cart-icon.png" alt="" />
                                                </div>
                                            </div>
                                            <a href="#"><i class="fa fa-sort-desc"></i></a>
                                        </div>
                                        <div class="xp-text-box">
                                            <p>My Cart 0 item</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="xp-last-header layout">
                        <div class="container">
                            <div class="xp-last-heade-inner">
                                <div class="row">
                                    <div class="col-md-3 col-sm-3 col-xs-12">
                                        <div class="xp-logo">
                                            <a href="index.html"><img src="images/logo-2.png" alt="" /></a>
                                        </div>
                                    </div>
                                    <div class="col-md-9 col-sm-9 col-xs-12">
                                        <div class="xp-navigation">
                                            <div class="navbar navbar-default" role="navigation">
                                                <div class="navbar-header">
                                                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
                                                        <span class="sr-only">Toggle navigation</span>
                                                        <span class="icon-bar"></span>
                                                        <span class="icon-bar"></span>
                                                        <span class="icon-bar"></span>
                                                    </button>
                                                </div>
                                                <div class="navbar-collapse collapse">
                                                    <ul class="nav navbar-nav pull-right">
                                                        <li><a href="#">Home</a></li>
														<li><a href="#">Shop</a>
															<div class="xp-sub-menu">
																<ul>
																	<li><a href="our-products.html">our products</a></li>
																	<li><a href="products-details.html">products details</a></li>
																	<li><a href="cart.html">cart</a></li>
																	<li><a href="checkout.html">checkout</a></li>
																</ul>
															</div>
														</li>
														<li><a href="our-causes-detail.html">Causes Detail</a></li>
														<li><a href="gallery.html">Gallery</a></li>
														<li><a href="about-us.html">About</a></li>
														<li><a href="contact-us.html">Contact</a></li>
                                                    </ul>
                                                </div><!--/.nav-collapse -->
                                            </div>    
                                            <div class="xp-donait-now">
                                                <a href="#">Donate Now</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </header>
            <section id="xp-banner" class="layout" >
                <div class="xp-inner-banner xp-all-inner-banner" data-parallax="scroll" data-image-src="images/all-inner-banner.jpg">
                    <div class="xp-ovrlay"></div>
                    <div class="xp-text-box">
                        <div class="child-pernt">
                            <div class="child">
                                <div class="container">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="xp-text-box-innr">
                                                <h1>product details</h1>
                                                <p>Can you Support US</p>
                                                <ol class="breadcrumb">
                                                    <li><a href="index.html">Home</a></li>
                                                    <li class="active">Product Details</li>
                                                </ol>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <main class="main-section layout">
                <section class="section-padding">
                    <div class="container">
                        <div class="xp-our-causes-detail xp-blog-detail xp-product-detail layout">
                            <div class="col-md-9">
                                <div class="xp-our-causes-detail-inner layout">
                                    <div class="our-causes-detail-support layout">
                                        <div class="xp-image-holder">
                                            <div class="swiper-container gallery-top">
                                                <div class="swiper-wrapper">
                                                    <div class="swiper-slide" style="background-image:url(images/product-details-img1.jpg)"></div>
                                                    <div class="swiper-slide" style="background-image:url(images/product-details-img1.jpg)"></div>
                                                    <div class="swiper-slide" style="background-image:url(images/product-details-img1.jpg)"></div>
                                                    <div class="swiper-slide" style="background-image:url(images/product-details-img1.jpg)"></div>
                                                    <div class="swiper-slide" style="background-image:url(images/product-details-img1.jpg)"></div>
                                                    <div class="swiper-slide" style="background-image:url(images/product-details-img1.jpg)"></div>
                                                </div>
                                            </div>
                                            <div class="swiper-container gallery-thumbs">
                                                <div class="swiper-wrapper">
                                                    <div class="swiper-slide" style="background-image:url(images/product-details-thumb-img1.jpg)"></div>
                                                    <div class="swiper-slide" style="background-image:url(images/product-details-thumb-img2.jpg)"></div>
                                                    <div class="swiper-slide" style="background-image:url(images/product-details-thumb-img3.jpg)"></div>
                                                    <div class="swiper-slide" style="background-image:url(images/product-details-thumb-img1.jpg)"></div>
                                                    <div class="swiper-slide" style="background-image:url(images/product-details-thumb-img2.jpg)"></div>
                                                    <div class="swiper-slide" style="background-image:url(images/product-details-thumb-img3.jpg)"></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="xp-text-box">
                                            <div class="xp-text-box-inner clearfix">
                                                <div class="xp-price">
                                                    $85.00
                                                    <span>$42.00</span>
                                                </div>
                                                <h3><a href="#">Women Red Jacket</a></h3>
                                                <div class="count-reviews">
                                                    <ul>
                                                        <li><a href="#"><i class="fa fa-star"></i></a></li>
                                                        <li><a href="#"><i class="fa fa-star"></i></a></li>
                                                        <li><a href="#"><i class="fa fa-star"></i></a></li>
                                                        <li><a href="#"><i class="fa fa-star-o"></i></a></li>
                                                        <li><a href="#"><i class="fa fa-star-o"></i></a></li>
                                                    </ul>
                                                    <p>3 Reviews</p>
                                                </div>
                                                <div class="xp-quntity clearfix">
                                                    <div class="sp-quantity">
                                                        <div class="sp-minus fff"> <a class="ddd" href="#">-</a>
                                                        </div>
                                                        <div class="sp-input">
                                                            <input type="text" class="quntity-input" value="1" />
                                                        </div>
                                                        <div class="sp-plus fff"> <a class="ddd" href="#">+</a>
                                                        </div>
                                                    </div>
                                                    <div class="xp-add-cart">
                                                        <a class="btn2" href="#">Add To Cart</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="xp-causes-detail-contant layout">
                                        <p>Cupcake ipsum dolor sit amet soufflé. I love liquorice oat cake tiramisu jelly danish Caramels its chocolate sweet roliel
                                            tart. Jelly fruitcake tart caramels marzipan. Brownie I love chocolate Cake I love sesasnaps liquorice. I love tootsie roll 
                                            bonbon croisnt. Chupa chups loream sesame snaps jelly tiramisu ipsum dolor sit amet soufflé. I love liquorice oat cake 
                                            jesms tiramisu jelly dash Caramels chocolatesweet roll tart. Jelly-o fruitcake tart caramels marzipan Brownie chocolate
                                            love sesame snaps liorice n’t act so surprised, Your Highness. You weren’t on any mercy mission this time to this ship 
                                            The more you
                                        </p>
                                        <p>Tighten your grip, Tarkin, the more star systems will slip through your fingers.Still, she’s got spi I don’t kno what do you 
                                            What!? I don’t know what you’re talking about. I am a member of the Imperial Sene on a atic mission to Alderaan good is
                                            if you ain’t tas around to use Besides, attacking station ain’t il my idea of courage. It’s more like…suicide.</p>
                                    </div>
                                    <div class="xp-related-product layout">
                                        <span>Promote and Monitor Human Rights</span>
                                        <h3>Related products</h3> 
                                        <div class="xp-shop-product ">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div id="xp-welfare-project-owl">
                                                        <div class="item">
                                                            <div class="xp-xp-shop-product-inner">
                                                                <div class="xp-image-holder">
                                                                    <a href="#"><img src="images/shop-products-img1.png" alt="" /> </a>
                                                                </div>
                                                                <div class="xp-text-box">
                                                                    <h4><a href="#">Men Black T-Shirt</a></h4>
                                                                    <ul>
                                                                        <li><a href="#"><i class="fa fa-star"></i></a></li>
                                                                        <li><a href="#"><i class="fa fa-star"></i></a></li>
                                                                        <li><a href="#"><i class="fa fa-star"></i></a></li>
                                                                        <li><a href="#"><i class="fa fa-star-o"></i></a></li>
                                                                        <li><a href="#"><i class="fa fa-star-o"></i></a></li>
                                                                    </ul>
                                                                    <div class="xp-price">
                                                                        $85.00 <span>$42.00</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="item">
                                                            <div class="xp-xp-shop-product-inner">
                                                                <div class="xp-image-holder">
                                                                    <a href="#"><img src="images/shop-products-img2.png" alt="" /> </a>
                                                                </div>
                                                                <div class="xp-text-box">
                                                                    <h4><a href="#">Women Red Jacket</a></h4>
                                                                    <ul>
                                                                        <li><a href="#"><i class="fa fa-star"></i></a></li>
                                                                        <li><a href="#"><i class="fa fa-star"></i></a></li>
                                                                        <li><a href="#"><i class="fa fa-star"></i></a></li>
                                                                        <li><a href="#"><i class="fa fa-star-o"></i></a></li>
                                                                        <li><a href="#"><i class="fa fa-star-o"></i></a></li>
                                                                    </ul>
                                                                    <div class="xp-price">
                                                                        $85.00 <span>$42.00</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="item">
                                                            <div class="xp-xp-shop-product-inner">
                                                                <div class="xp-image-holder">
                                                                    <a href="#"><img src="images/shop-products-img3.png" alt="" /> </a>
                                                                </div>
                                                                <div class="xp-text-box">
                                                                    <h4><a href="#">Men Sweeter</a></h4>
                                                                    <ul>
                                                                        <li><a href="#"><i class="fa fa-star"></i></a></li>
                                                                        <li><a href="#"><i class="fa fa-star"></i></a></li>
                                                                        <li><a href="#"><i class="fa fa-star"></i></a></li>
                                                                        <li><a href="#"><i class="fa fa-star-o"></i></a></li>
                                                                        <li><a href="#"><i class="fa fa-star-o"></i></a></li>
                                                                    </ul>
                                                                    <div class="xp-price">
                                                                        $85.00 <span>$42.00</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="xp-post-comments layout">
                                        <span>Promote and Monitor Human Rights</span>
                                        <h3>Product Reviews ( 03 )</h3>
                                        <div class="clearfix">
                                            <div class="xp-post-comments-inner layout">
                                                <div class="xp-image-holder">
                                                    <img src="images/comments-people-img1.jpg" alt="" />
                                                </div>
                                                <div class="xp-text-box">
                                                    <h4><a href="#">Valkor Smith</a></h4>
                                                    <ul>
                                                        <li><a href="#"><i class="fa fa-star"></i></a></li>
                                                        <li><a href="#"><i class="fa fa-star"></i></a></li>
                                                        <li><a href="#"><i class="fa fa-star"></i></a></li>
                                                        <li><a href="#"><i class="fa fa-star-o"></i></a></li>
                                                        <li><a href="#"><i class="fa fa-star-o"></i></a></li>
                                                    </ul>
                                                    <p>Integer sollicitudin ligula non enim sodales, non lacinia Sewid commodo tempor
                                                        are risus in euismod varius nullam feugiat ultrices.</p>
                                                </div>
                                            </div>
                                            <div class="xp-post-comments-inner xp-post-comments-inner-mid layout">
                                                <div class="xp-image-holder">
                                                    <img src="images/comments-people-img2.jpg" alt="" />
                                                </div>
                                                <div class="xp-text-box">
                                                    <h4><a href="#">Jess Qallery</a></h4>
                                                    <ul>
                                                        <li><a href="#"><i class="fa fa-star"></i></a></li>
                                                        <li><a href="#"><i class="fa fa-star"></i></a></li>
                                                        <li><a href="#"><i class="fa fa-star"></i></a></li>
                                                        <li><a href="#"><i class="fa fa-star-o"></i></a></li>
                                                        <li><a href="#"><i class="fa fa-star-o"></i></a></li>
                                                    </ul>
                                                    <p>Integer sollicitudin ligula non enim sodales, non lacinia Sewid commodo tempor
                                                        are risus in euismod varius nullam feugiat ultrices.</p>
                                                </div>
                                            </div>
                                            <div class="xp-post-comments-inner layout">
                                                <div class="xp-image-holder">
                                                    <img src="images/comments-people-img3.jpg" alt="" />
                                                </div>
                                                <div class="xp-text-box">
                                                    <h4><a href="#">John Willis</a></h4>
                                                    <ul>
                                                        <li><a href="#"><i class="fa fa-star"></i></a></li>
                                                        <li><a href="#"><i class="fa fa-star"></i></a></li>
                                                        <li><a href="#"><i class="fa fa-star"></i></a></li>
                                                        <li><a href="#"><i class="fa fa-star-o"></i></a></li>
                                                        <li><a href="#"><i class="fa fa-star-o"></i></a></li>
                                                    </ul>
                                                    <p>Integer sollicitudin ligula non enim sodales, non lacinia Sewid commodo tempor
                                                        are risus in euismod varius nullam feugiat ultrices.</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="xp-leave-comments layout">
                                        <span>Monitor Human Rights</span>
                                        <h3>Add a review</h3>
                                        <form>
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <input type="text" placeholder="Full Name" />
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <input type="text" placeholder="Email Id" />
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <input type="text" placeholder="Subject" />
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <div class="xp-ratting-select">
                                                            <p>Select Rating</p>
                                                            <ul>
                                                                <li>
                                                                    <a href="#"><i class="fa fa-star-o"></i></a>
                                                                    <a href="#"><i class="fa fa-star-o"></i></a>
                                                                    <a href="#"><i class="fa fa-star-o"></i></a>
                                                                    <a href="#"><i class="fa fa-star-o"></i></a>
                                                                    <a href="#"><i class="fa fa-star-o"></i></a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <textarea>Your Review</textarea>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <input class="btn" type="submit" value="Submit A Review" />
                                                    </div>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="xp-side-bar layout layout">
                                    <div class="widget xp-widget xp-recent-post layout">
                                        <h2><span></span>Recent Posts</h2>
                                        <div class="xp-recent-post-inner">
                                            <div class="xp-recent-colum clearfix">
                                                <div class="xp-recent-date">
                                                    <h3>21</h3>
                                                    <span>December</span>
                                                </div>
                                                <div class="xp-text-box">
                                                    <span>By John Doe</span>
                                                    <h4><a href="#">Protection and Social 
                                                            Inclusion</a></h4>
                                                </div>
                                            </div>
                                            <div class="xp-recent-colum clearfix">
                                                <div class="xp-recent-date">
                                                    <h3>26</h3>
                                                    <span>December</span>
                                                </div>
                                                <div class="xp-text-box">
                                                    <span>By Smith Viller</span>
                                                    <h4><a href="#">Child Survival and 
                                                            Development</a></h4>
                                                </div>
                                            </div>
                                            <div class="xp-recent-colum clearfix">
                                                <div class="xp-recent-date">
                                                    <h3>14</h3>
                                                    <span>December</span>
                                                </div>
                                                <div class="xp-text-box">
                                                    <span>By Doe Lumines</span>
                                                    <h4><a href="#">The Fight for Women's 
                                                            Health</a></h4>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="widget xp-widget xp-categories layout">
                                        <h2><span></span>Categories</h2>
                                        <div class="xp-categories-inner">
                                            <ul>
                                                <li><a href="#">Welfair Project</a><span>10</span></li>
                                                <li><a href="#">Charity Causes</a><span>12</span></li>
                                                <li><a href="#">Programs</a><span>08</span></li>
                                                <li><a href="#">Animals News</a><span>06</span></li>
                                                <li><a href="#">Fundraiser Help</a><span>65</span></li>
                                                <li><a href="#">New Project</a><span>12</span></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="widget xp-widget xp-popular-post layout">
                                        <h2><span></span>popular post</h2>
                                        <div class="xp-popular-inner">
                                            <div class="xp-image-holder">
                                                <img src="images/popular-post-img1.jpg" alt="" />
                                                <div class="xp-text-box">
                                                    <div class="child-pernt">
                                                        <div class="child">
                                                            <p>November 19 - 2017</p>
                                                            <h3><a href="#">Protection and Social
                                                                    Inclusion</a></h3>
                                                        </div>
                                                    </div>
                                                </div>  
                                            </div>
                                            <div class="xp-image-holder">
                                                <img src="images/popular-post-img2.jpg" alt="" />
                                                <div class="xp-text-box">
                                                    <div class="child-pernt">
                                                        <div class="child">
                                                            <p>November 19 - 2017</p>
                                                            <h3><a href="#">Health remains Unfulfilled
                                                                    Kenyan children</a></h3>
                                                        </div>
                                                    </div>
                                                </div>  
                                            </div>
                                        </div>
                                    </div>
                                    <div class="widget xp-widget xp-charity-video layout">
                                        <h2><span></span>charity Video</h2>
                                        <div class="xp-charity-video-inner">
                                            <div class="xp-image-holder">
                                                <a href="#"><img src="images/charity-vedio-img.jpg" alt="" /></a>
                                                <div class="xp-mouse-hover">
                                                    <div class="child-pernt">
                                                        <div class="child">
                                                            <a href="#"><img src="images/video-icon.png" alt="" /></a>
                                                        </div>
                                                    </div>  
                                                </div>
                                            </div> 
                                            <div class="xp-text-box">
                                                <h3><a href="#">Protection Social Inclusion</a></h3>
                                                <p>November 19 - 2017</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </main>
            <footer id="footer" class="layout">
                <div class="footer section-padding layout" data-parallax="scroll" data-image-src="images/footer-bg.jpg">
                    <div class="xp-ovrlay"></div>
                    <div class="container">
                        <div class="row">
                            <div class="col-md-3 col-sm-4 col-xs-6">
                                <div class="footer-inner layout">
                                    <h3><span></span>flickr widget</h3>
                                    <div class="footer-flicker layout">
                                        <ul class="layout">
                                            <li><a href="#"><img src="images/footer-flickr-img1.jpg" alt=""></a></li>
                                            <li><a href="#"><img src="images/footer-flickr-img2.jpg" alt=""></a></li>
                                            <li><a href="#"><img src="images/footer-flickr-img3.jpg" alt=""></a></li>
                                            <li><a href="#"><img src="images/footer-flickr-img4.jpg" alt=""></a></li>
                                            <li><a href="#"><img src="images/footer-flickr-img5.jpg" alt=""></a></li>
                                            <li><a href="#"><img src="images/footer-flickr-img6.jpg" alt=""></a></li>
                                            <li><a href="#"><img src="images/footer-flickr-img7.jpg" alt=""></a></li>
                                            <li><a href="#"><img src="images/footer-flickr-img8.jpg" alt=""></a></li>
                                            <li><a href="#"><img src="images/footer-flickr-img9.jpg" alt=""></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-4 col-xs-6">
                                <div class="footer-inner layout">
                                    <h3><span></span>Help Compains</h3>
                                    <div class="footer-help-comanis layout">
                                        <ul class="layout">
                                            <li> <div class="xp-shapes"></div> <a href="#">What's the structure ads?</a></li>
                                            <li> <div class="xp-shapes"></div> <a href="#">Campaign Builder Terminology</a></li>
                                            <li> <div class="xp-shapes"></div> <a href="#">create up to 5000 campaigns.</a></li>
                                            <li> <div class="xp-shapes"></div> <a href="#">Hugely Successful when it Comes</a></li>
                                            <li> <div class="xp-shapes"></div> <a href="#">Strong and can be Attributed</a></li>
                                            <li> <div class="xp-shapes"></div> <a href="#">The Fight For Women's Care</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-4 col-xs-6">
                                <div class="footer-inner layout">
                                    <h3><span></span>Latest News</h3>
                                    <div class="footer-latest-news layout">
                                        <div class="footer-latest-inner layout">
                                            <div class="xp-image-holder">
                                                <a href="#"><img src="images/footer-latest-news-img1.jpg" alt="" /></a>
                                            </div>
                                            <div class="xp-text-box">
                                                <span>24 December 2017</span>
                                                <h4><a href="#">Protection and Social Inclusion</a></h4>
                                            </div>
                                        </div>
                                        <div class="footer-latest-inner layout">
                                            <div class="xp-image-holder">
                                                <a href="#"><img src="images/footer-latest-news-img2.jpg" alt="" /></a>
                                            </div>
                                            <div class="xp-text-box">
                                                <span>24 December 2017</span>
                                                <h4><a href="#">through sponsored moustache</a></h4>
                                            </div>
                                        </div>
                                        <div class="footer-latest-inner  layout">
                                            <div class="xp-image-holder">
                                                <a href="#"><img src="images/footer-latest-news-img3.jpg" alt="" /></a>
                                            </div>
                                            <div class="xp-text-box">
                                                <span>24 December 2017</span>
                                                <h4><a href="#">based on shared humour</a></h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-6 col-xs-6">
                                <div class="footer-inner layout">
                                    <h3><span></span>About Pain</h3>
                                    <div class="footer-pain layout">
                                        <p>Rem iplsum dolor amet, consectetuer 
                                            adipiscingelit, sed diam nonummy nib
                                            euismod tincidu laoreet dolore magna
                                            aliquam erat volutpat euimod....</p>
                                        <ul>
                                            <li><a href="#"><i class="fa fa-phone"></i></a></li>
                                            <li><a href="#"><i class="fa fa-map-marker"></i></a></li>
                                            <li><a href="#"><i class="fa fa-envelope"></i></a></li>
                                        </ul>
                                        <p>105 Ohua ave. Belgium from the US, 
                                            Europe and Asia </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <section class="xp-copyright layout">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12">
                                <p>Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                            </div>
                        </div>
                    </div>
                </section>
            </footer>
        </div>
        <script src="js/vendor/jquery.js"></script>
        <script src="js/vendor/jquery-ui.min.js"></script>
        <script src="js/vendor/bootstrap.min.js"></script>
        <script src="js/vendor/jquery.appear.js"></script>
        <script src="js/vendor/isotope.pkgd.js"></script>
        <script src="js/vendor/parallax.min.js"></script>
        <script src="js/vendor/odometer.js"></script>
        <script src="js/vendor/owl.carousel.min.js"></script>
        <script src="js/vendor/jquery.countdown.min.js"></script>
        <script src="js/vendor/jquery.countdownTimer.min.js"></script>
        <script src="js/vendor/swiper.min.js"></script>
        <script src="js/main.js"></script>
    </body>
</html>

